<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<jsp:include page="/WEB-INF/jsp/lib.jsp" />
<!-- 查询职位 -->
部门：<select id="deptId" >
		<option value="">--请选择--</option>
		</select>&nbsp;
职位名称：<input id="positionName" />&nbsp;<br><br>
职位创建→起始时间：<input id="start" class="easyui-datebox" />&nbsp;
结束时间：<input id="end" class="easyui-datebox" />&nbsp;
<button id="btn">搜索</button><br><br>
<table id="dg"></table>
<!-- 对话框 -->
<div id="dlg">
	<form id="ff">
		<input type="hidden" name="id">
		部门名称：<select id="deptIds" name="deptId">
					<option value="">--请选择--</option>
				</select><br>
		职位名称：<input name="positionName">
	</form>
</div>
<!-- js处理数据 -->
<script type="text/javascript">
	//处理时间日期
	function formatterDate(value){
		if(!value){
			return null;
		}
		var date = new Date(value);
		var year = date.getFullYear();
		var month = date.getMonth()+1;
		var date1 = date.getDate();
		var hours = date.getHours();
		var min = date.getMinutes();
		var sec = date.getSeconds();
		var d = year+"-"+month+"-"+date1+" "+hours+":"+min+":"+sec;
		return d;
	}
	
	//获取查询参数，带参数刷新表格
	$("#btn").click(function(){
		var start = $("#start").datebox("getValue")
		if(start!=""&&start){
			start=start+" 00:00:00"
		}
		var end = $("#end").datebox("getValue")
		if(end!=""&&end){
			end=end+" 00:00:00"
		}
		$("#dg").datagrid({
			queryParams:{
				deptId:$("#deptId").val(),
				positionName:$("#positionName").val(),
				start:start,
				end:end
			}
		})
	})
	
	//初始化表格
	$(function(){
		var url
		//初始化，查询后端的部门列表
		$.ajax({
			url:"dept/list.do?rows=50",
			success:function(data){
				//遍历rows部门数据
				$.each(data.rows,function(index,dept){
					$("#deptId").append("<option value="+dept.id+">"+dept.deptName+"</option>")
					$("#deptIds").append("<option value="+dept.id+">"+dept.deptName+"</option>")
				})
			}
		})
		
		//初始化对话框
		$("#dlg").dialog({
			width:230,
			height:150,
			//默认对话框是关闭的
			closed:true,
			buttons:[{
				text:"保存",
				//图标样式
				iconCls:"icon-save",
				handler:function(){
					//获取表单参数
					var params = $("#ff").serialize();
					//提交表单
					$.ajax({
						url:url,
						data:params,
						//指定返回数据的格式
						dataType:"json",
						//data是响应的数据 data结构
						success:function(data){
							//保存成功
							$.messager.alert("提示","保存成功","info",function(){
								//关闭对话框
								$("#dlg").dialog("close")
								//刷新表格
								$("#dg").datagrid("reload")
							})
						}
					})
				}
			},{
				text:"取消",
				iconCls:"icon-cancel",
				handler:function(){
					//关闭对话框
					$("#dlg").dialog("close");
				}
			}]
		})
		
		//初始化表
		$("#dg").datagrid({
			//自适应列宽
			fitColumns:true,
			//加载数据
			url:"position/list.do",
			//列表栏
			columns:[[{
				//field的值是json数据的key
				field:'id',
				//显示的列标题
				title:'ID',
				//列的宽度
				width:100
			},{
				field:'deptId',
				title:'部门ID',
				width:100
			},{
				field:'deptName',
				title:'部门名称',
				width:100
			},{
				field:'positionName',
				title:'职位名称',
				width:100
			},{
				field:'updateTime',
				title:'修改时间',
				width:100,
				formatter:function(value,row,index){
					return formatterDate(value);
				}
			},{
				field:'createTime',
				title:'创建时间',
				width:100,
				formatter:function(value,row,index){
					return formatterDate(value);
				}
			}]],
			//开启分页
			pagination:true,
			//开启单选
			singleSelect:true,
			//定义工具栏
			toolbar:[{
				text:"增加",
				iconCls:"icon-add",
				handler:function(){
					$("#ff").form("clear");
					//获取表单参数
					var params = $("#ff").serialize();
					//打开对话框
					$("#dlg").dialog("open");
					//修改对话框标题
					$("#dlg").dialog("setTitle","增加职位");
					url="position/save.do";
				}
			},"-",{
				text:"修改",
				iconCls:"icon-edit",
				handler:function(){
					//获取选中的数据
					var row = $("#dg").datagrid("getSelected");
					if(row){
						$("#dlg").dialog("open");
						$("#dlg").dialog("setTitle","修改职位");
						//清除表单残留内容
						$("#ff").form("clear");
						//将选择的数据回显表单
						$("#ff").form("load",row);
						//处理id的回填数据
						$("input[name=id]").val(row.id);
						url="position/update.do";
					}else{
						//没有选中数据就提示用户选择数据行
						$.messager.alert("提示","请先选中一行数据","info")
					}
				}
			},"-",{
				text:"删除",
				iconCls:"icon-remove",
				handler:function(){
					var row = $("#dg").datagrid("getSelected")
					if(row){
						$.messager.confirm('确认对话框', '您想删除【'+row.positionName+'】吗？',function(shi){
							if(shi){
								$.ajax({
									url:"position/delete.do?id="+row.id,
									//data:{id:row.id},
									success:function(){
										$("#dg").datagrid("reload")
									}
								})
							}
						})
					}else{
						$.messager.alert("提示","请先选中一行数据","info")
					}
				}
			}]
		})
	})
</script>